<div ng-init="init();" class="kmi-layout-content SMT09-content" ng-class="[type_no]">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT09.title' | translate"></div>
    </div>
    <div class="kmi-layout-main-content">
        <!-- 基本資料 data -->
        <div class="kmi-row-fields data">
            <!-- 使用者資料 data_user -->
            <div class="column-item left data_user">
                <img src="image/icons/person.png"></img> 
                <label ng-bind="user_name"></label>
            </div>
            <!-- 環境資料 data_environment -->
            <div class="column-item right data_environment">
                <label ng-bind="('home.env' | translate) + envInfo"></label>
            </div>
        </div>
        <!-- 搜尋掃描欄 qr-code -->
        <div class="kmi-row-fields barcode_content qr-code" id="input_barcode">
            <img src="image/icons/search.png"></img> 
            <!-- <input class="qr-code_input" mdl-barcode="input_barcode(barcode)"/> -->
            <input class="barcode_input value input_plot" readonly="readonly"
                ng-keypress="input_PDA_barcode($event);" ng-model="barcode" hidekeyboard="true" />
            <div class="qr-code_icon" ng-click="QRCodeScanner();">
                <img src="image/icons/QRCode.png">
            </div>
        </div>
        <!-- 主要內容 SMT09_main -->
        <div class="SMT09_main">
            <div class="kmi-row-fields main_fields">
                <!-- 工具類型 tool_class-->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT09.list.tool_type' | translate"></label>
                    <label class="value" ng-bind="'SMT.common.tool_class.t_'+tool_class | translate"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 工具編號 tool_no -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT09.list.tool_no' | translate"></label>
                    <label class="value" ng-bind="tool_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 工具狀態 tool_state -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT09.list.tool_state' | translate"></label>
                    <label class="value" ng-bind="'SMT.common.state.s_' + tool_state | translate"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 開封時間 State_Start_Time -->
                    <label class="label main_item init-none Type1" ng-bind="'SMT09.list.state_start_Time' | translate"></label>
                    <label class="value init-none Type1" ng-bind="State_Start_Time"></label>
                    <!-- 壽命上限 life_count -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.life_count_limit' | translate"></label>
                    <label class="value init-none Type2" ng-bind="life_count"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 使用期限 opened_limit_time -->
                    <label class="label main_item init-none Type1" ng-bind="'SMT09.list.opened_limit_time' | translate"></label>
                    <label class="value init-none Type1" ng-bind="opened_limit_time"></label>
                    <!-- 累計使用 acc_count -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.cumulative_usage_count' | translate"></label>
                    <label class="value init-none Type2" ng-bind="acc_count"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 使用上限 usage_count -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.usage_count_limit' | translate"></label>
                    <label class="value init-none Type2" ng-bind="usage_count"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 目前使用 actual_count -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.currently_usage_count' | translate"></label>
                    <label class="value init-none Type2" ng-bind="actual_count"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 最後檢測日期 last_check_date -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.last_check_date' | translate"></label>
                    <label class="value init-none Type2" ng-bind="last_check_date"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <div class="column-item">
                    <!-- 最後保養日期 last_mantain_date -->
                    <label class="label main_item init-none Type2" ng-bind="'SMT09.list.last_mantain_date' | translate"></label>
                    <label class="value init-none Type2" ng-bind="last_mantain_date"></label>
                </div>
            </div>
        </div>
        <!-- 關閉按鈕 -->
        <div class="kmi-mobile__btn-content">
            <button class="kmi-button__mobile" ng-click="back();">
                <label ng-bind="'SMT09.close' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
